<template>
  <div>
    <!-- 
      使用父组件传递标签数据

      <slot /> 渲染默认插槽的内容
      <slot name="xxx"/> 渲染具名插槽xxx的内容
    -->
    <slot name="header" :text="text" />
    <!-- 使用v-bind语法绑定标签属性，数据就会传递给父组件对应的插槽 -->
    <slot :text="text" />
    <slot name="footer" :text="text" />
  </div>
</template>

<script>
export default {
  name: "AComp",
  data() {
    return {
      text: "AAAA",
    };
  },
};
</script>

<style>
</style>